<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../css/pages/user1.css" />
	</head>

	<body>
		<div id="app" class="content">
			<div class="loading-warpper" id="loading">
				<div class="loading">
					<div class="item1"></div>
					<div class="item2"></div>
				</div>
			</div>
			<!--
				作者：1169774483@qq.com
				时间：2018-08-24
				描述：用户信息
			-->
			<div class="user" @click="myDataTap">
				<span class="name" v-text="userData.periNickname || '点我完善信息'">点我完善信息</span>
				<img class="img" :src="userData.icon || '../images/user/moren.png'">
				<span class="mui-icon mui-icon-arrowright"></span>
			</div>
			<!--
				作者：1169774483@qq.com
				时间：2018-08-24
				描述：账户信息
			-->
			<div class="account">
				<div class="account-num">
					<div class="num">
						<img class="icon" src="../images/user/lan.png">0.00</div>
					<span class="font-12">账户余额</span>
				</div>
				<div class="btn">暂未开通</div>
			</div>
			<!--
				作者：1169774483@qq.com
				时间：2018-08-24
				描述：房屋信息
			-->
			<div class="user-house">
				<div class="item" v-for="item in houseList" @click="houseListTap(item)">
					<div class="item-image">
						<img :src="item.imgSrc" alt="">
					</div>
					<span class="item-text" v-text="item.title"></span>
				</div>
			</div>
			<!--
				作者：1169774483@qq.com
				时间：2018-08-24
				描述：列表
			-->
			<div class="user-list">
				<div class="item" v-for="item in userList" @click="unserListTap(item)">
					<div class="item-desc">
						<img :src="item.imgSrc">{{item.title}}
					</div>
					<span class="mui-icon mui-icon-arrowright"></span>
				</div>
				<div class="item" @click="accountClick">
					<div class="item-desc">
						<img src="../images/user/shezhi.png">账号管理
					</div>
					<span class="mui-icon mui-icon-arrowright"></span>
				</div>
			</div>
		</div>
		<div class="bottom-bow"></div>
		<script src="../js/Width.js"></script>
		<script src="../js/mui.min.js"></script>
		<script src="../js/app.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js"></script>
		<script src="../js/Util.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://cdn.bootcss.com/fastclick/1.0.6/fastclick.min.js"></script>
		<script type="text/javascript">
			mui.init()
			mui.plusReady(function() {
				if (!mui.os.android) {
					FastClick.attach(document.body);
				}
				var self = plus.webview.currentWebview();
				self.setPullToRefresh({
					support: true,
					height: '50px',
					range: '200px',
					contentdown: {
						caption: '下拉可以刷新'
					},
					contentover: {
						caption: '释放立即刷新'
					},
					contentrefresh: {
						caption: '正在刷新...'
					}
				}, function() {
					GetPersonalInformation()
					self.endPullToRefresh();
				});
				GetPersonalInformation()
			})

			window.addEventListener('UpEmployeeInfo', function(msg) {
				//自定义方法，刷新数据，不刷新页面
				GetPersonalInformation()
			})

			function GetPersonalInformation() {
				var userID = Util.getState('$state').userID // 获取用户ID
				mui.post(Util.HTTP + 'api/Users/GetPersonalInformation', {
					userID: userID
				}, function(res) {
					if (res.code == 1001) {
						App.userData = res.data;
						document.getElementById('loading').style.display = 'none';
						if (App.userData.icon == '' || App.userData.periNickname == '') {
							mui.toast("您当前未完善您的资料请前去完善")
						}
					} else {
						mui.toast(res.message)
					}
				})
			}

			var App = new Vue({
				el: "#app",
				data: {
					userData: {},
					houseList: [{
						title: '房屋',
						imgSrc: '../images/user/fang.png',
					}, {
						title: '账单',
						imgSrc: '../images/user/zhang.png',
					}, {
						title: '车辆',
						imgSrc: '../images/user/che.png',
						Url: 'user/myCar/myCar.html'
					}],
					userList: [{
						title: '我的活动',
						imgSrc: '../images/user/dingdan.png',
						Url: 'neighbor/activity/my.html'
					}, {
						title: '我的商品',
						imgSrc: '../images/user/dingdan.png',
						Url: 'neighbor/secondHand/my.html'
					}, {
						title: '我的收藏',
						imgSrc: '../images/user/shoucang.png',
						Url: 'user/myCollect.html'
					}, {
						title: '报修记录',
						imgSrc: '../images/user/baoxiu.png',
						Url: 'home/repairs/repairsRecords.html'
					}]
				},
				methods: {
					myDataTap: function() {
						var that = this;
						mui.openWindow({
							url: 'user/myData.html',
							id: 'myData',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: "个人信息", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true,
									buttons: [{
										text: "设置",
										fontSize: "17px",
										color: '#4FA7E6',
										onclick: that.clickButton
									}]
								}
							},
							waiting: {
								autoShow: false
							}
						})
					},
					clickButton: function() {
						mui.openWindow({
							url: '../register/setting/setting.html',
							id: 'setting',
							styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
								titleNView: { // 窗口的标题栏控件
									titleText: "设置", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
									titleSize: "17px", // 字体大小,默认17px
									backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
									autoBackButton: true
								}
							},
							waiting: {
								autoShow: false
							}
						})
					},
					unserListTap: function(item) {
						if (item.Url) {
							mui.openWindow({
								url: item.Url,
								id: item.Url,
								styles: { // 窗口参数 参考5+规范中的WebviewStyle,也就是说WebviewStyle下的参数都可以在此设置
									titleNView: { // 窗口的标题栏控件
										titleText: item.title, // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
										titleSize: "17px", // 字体大小,默认17px
										backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
										autoBackButton: true
									}
								},
								waiting: {
									autoShow: false
								}
							})
						}

					},
					houseListTap: function(item) {
						if (item.Url) {
							mui.openWindow({
								url: item.Url,
								id: item.Url,
								waiting: {
									autoShow: false
								}
							})
						} else {
							mui.alert(item.title + '的功能暂未开发')
						}
					},
					accountClick: function() {
						var btnArray = [{
							title: "修改密码"
						}, {
							title: "更换手机号"
						}, {
							title: "注销当前账号"
						}];
						plus.nativeUI.actionSheet({
							cancel: "取消",
							buttons: btnArray
						}, function(event) {
							var index = event.index;
							switch (index) {
								case 1:
									mui.openWindow({
										url: '/register/amend_password.html',
										id: 'amend_password',
										styles: {
											titleNView: { // 窗口的标题栏控件
												titleText: "更换手机号", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
												titleSize: "17px", // 字体大小,默认17px
												type: 'transparent',
												backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
												autoBackButton: true,
												splitLine: { // 标题栏控件的底部分割线，类似borderBottom
													color: "#eeeeee", // 分割线颜色,默认值为"#CCCCCC"  
													height: "1px" // 分割线高度,默认值为"2px"
												}
											}
										}
									})
									break;
								case 2:
									mui.openWindow({
										url: '/register/amend_ipone.html',
										id: 'amend_ipone',
										styles: {
											titleNView: { // 窗口的标题栏控件
												titleText: "修改密码", // 标题栏文字,当不设置此属性时，默认加载当前页面的标题，并自动更新页面的标题         // 字体颜色,颜色值格式为"#RRGGBB",默认值为"#000000"
												titleSize: "17px", // 字体大小,默认17px
												type: 'transparent',
												backgroundColor: "#ffffff", // 控件背景颜色,颜色值格式为"#RRGGBB",默认值为"#F7F7F7"
												autoBackButton: true,
												splitLine: { // 标题栏控件的底部分割线，类似borderBottom
													color: "#eeeeee", // 分割线颜色,默认值为"#CCCCCC"  
													height: "1px" // 分割线高度,默认值为"2px"
												}
											}
										}
									})
									break;
								case 3:
									//注销账号
									plus.storage.clear();
									// 获取所有Webview窗口
									if (mui.os.ios || mui.os.ipad || mui.os.iphone) {
										var curr = plus.webview.currentWebview();
										var wvs = plus.webview.all();
										for (var i = 0, len = wvs.length; i < len; i++) {
											//关闭除setting页面外的其他页面
											if (wvs[i].getURL() == curr.getURL())
												continue;
											plus.webview.close(wvs[i]);
										}
										//打开login页面后再关闭setting页面
										plus.webview.open('../login.html');
										curr.close();
									} else {
										plus.runtime.quit();
									}

									break;
							}
						});
					}
				},
			})
		</script>
	</body>

</html>
